<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div></div>
  <script>
    /**
     * 超时调用-->定时器
     * setTimeout() 参数：function(){} wait(毫秒) 1000ms--->1s
     * 返回值:返回的是id  id用来取消超时调用
    */
    var id = setTimeout(function(){
      console.log('我是超时调用')
    },2000);
    console.log(id);
    // 取消超时调用
    clearTimeout(id);
    // console.log(1);
    // setTimeout(function(){
    //   console.log(0)
    // },0);
    // console.log(2);

    /**
     * 间歇调用 setInterval 每隔一定的时间执行函数一次
     * 参数：函数 wait
     * 返回值：返回的是id
    */
    var id = setInterval(function(){
      console.log('我是间歇调用');
    },1000);
    console.log(id);
    // 取消间歇调用
    clearInterval(id);
    var div = document.querySelector('div');
    // console.log(new Date().toLocaleString());
    setInterval(function(){
      div.innerHTML = new Date().toLocaleString()
    },1000)
  </script>
</body>
</html>